<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:sc="http://java.sun.com/jsf/composite/ezcomp">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="/adminItem/css/reset.css" rel="stylesheet" type="text/css" />
        <link href="/adminItem/css/main.css" rel="stylesheet" type="text/css" />
        <link href="/adminItem/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/adminItem/css/skin.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="/adminItem/css/nivo-default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="/adminItem/css/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="/adminItem/css/prettyPhoto.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="/adminItem/css/prettyGallery.css" type="text/css" media="screen" /> 

        <title>#{commonInfrastructureMB.getPageTitle()}</title>

        <script type="text/javascript">
        var piechartStyle = {
        padding:20,
        legend: {
            display:"right"
            ,spacing:4
            }
        };
        </script>
    </h:head>
    <h:body style="background:url(/adminItem/images/bg2.jpg) repeat-x;" >
        <div id="component">
            <!--<sc:CCSecurityCheck formName="securityCheck"/>-->
        </div>
        <!-- HEADERBREAK -->
        <div class="stakrholder-headerbreak">
            <br/>
            <!-- HEADER WRAPPER -->
            <div class="headerwrapper">
                <!-- LOGO -->
                <div class="logo">	
                    <a href="index.html"><img src="/adminItem/images/logo.png" /></a>
                </div>
                <!-- END LOGO -->

                <!-- LOGIN AND SEARCH -->
                <div align="right">
                    <h:form>
                        <h4 style="font-style:italic; color:white;"> Welcome, <h:outputText value="#{commonInfrastructureMB.lastName} #{commonInfrastructureMB.firstName}"/></h4> 
                    </h:form>
                </div>
                <!-- END LOGIN AND SEARCH -->

                <!-- BREADCRUMB -->
                <div id="breadcrumb">
                    <ul id="crumbs">
                        <li style="margin-left:10px; color:#333; font-weight:bold;"> Navigation:&nbsp;&nbsp;<img 
                                src="/adminItem/images/icons/icon-home.png" style="vertical-align:middle;"/></li>
                        <li><a href="#"> Home </a></li>
                        <li><a href="home.xhtml"> tCube Administrator Dashboard</a>
                            <ul>
                                <li><a href="./../home.xhtml">Managing Panel</a></li>
                            </ul>
                        </li>
                        <li style="color:#333; font-weight:bold;"> <img src="/adminItem/images/icons/icon-breadcrumb.png" style="vertical-align:middle;" />&nbsp;&nbsp;You are here</li>
                    </ul>
                </div>
                <!-- END BREADCRUMB -->	
            </div>
            <!-- END HEADER WRAPPER -->
        </div>
        <!-- END HEADERBREAK-->

        <!-- WRAPPER -->
        <div class="dashboard-wrapper">
            <table align="center" style="width:940px; height:100%;" >
                <tr>
                    <td>
                        <br/><br/>
                        <div id="dashboard" style="padding:10px; width:180px; height:100%;">
                            <h:form>
                                <ui:include src="../template/dashboard.xhtml" />
                            </h:form>
                        </div>
                    </td>
                    <td>
                        <br/><br/>
                        <div id="content" style="padding:10px;width:720px;">
                            <!--Start content-->
                            <h3>Transaction Analytics for Administrators</h3>
                            <br/>
                            <h:form>
                                <p:menubar autoSubmenuDisplay="true" style="background: #E5E5E5">
                                    <p:submenu label="Performance Index &amp; Prediction">
                                        <p:menuitem value="Performance Index &amp; Prediction" url="./pip.xhtml"/>
                                    </p:submenu><!--*********************************************************-->
                                    <p:submenu label="Popularity Analysis">
                                        <p:menuitem value="Outlet Popularity" url="./popularity.xhtml"/>
                                    </p:submenu><!--*********************************************************-->
                                    <p:submenu label="Marketing Analysis">
                                        <p:menuitem value="Overall" url="./mds.xhtml"/>
                                        <p:submenu label="Sales">
                                            <p:menuitem value="Sales By Age Group" url="./salebyage.xhtml"/>
                                            <p:menuitem value="Sales By Country" url="./salebycountry.xhtml"/>
                                        </p:submenu>
                                        <p:submenu label="Reservations">
                                            <p:menuitem value="Reservations By Age Group" url="./resbyage.xhtml"/>
                                            <p:menuitem value="Reservations By Country" url="./resbycountry.xhtml"/>
                                        </p:submenu>
                                        <p:menuitem value="Transactions By Demographic Profile" url="./cluster.xhtml"/>
                                    </p:submenu><!--*********************************************************-->
                                </p:menubar>
                            </h:form>
                            <br/>
                            <br/>
                            <ui:insert name="contentInsert">Content</ui:insert>
                            <!--End content-->
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <!-- END WRAPPER -->            
    </h:body>
</html>
